#MediaIndex div.media_item {
	position: relative;
	display: block;
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
	
	border : solid 1px #f0f0f0;
	width: 80px;
	height: 90px;
	padding: 10px;
	
	text-align: center;
}

#MediaIndex div.media_item:hover {
	background-color: #f8f8f8;
}

#MediaIndex div.media_item img {
	width: 80px;
	max-height: 80px;
}
#MediaIndex div.media_item a {
	font-size: 10px;
	text-decoration: none;
	
	color: #000000;
	margin-top: 5px;
}

#MediaIndex div.media_name {
	position: absolute;
	width: 80px;
	height: 18px;
	overflow: hidden;
	bottom: 0px;
	
	text-align: center;
	vertical-align: text-bottom;
}

#MediaIndex div.media_size {
	position: absolute;
	width: 80px;
	height: 10px;
	overflow: hidden;
	top: 0px;
	
	font-size: 8px;
	
	text-align: left;
}


#ViewMedia {
	width: 250px;
	
	border : solid 1px #f0f0f0;
	background-color: #f8f8f8;
	
	padding: 20px;
}

#ViewMediaItem a img {
	width: 250px;
	margin-bottom: 20px;
	
	background-color: #ffffff;
	padding: 5px;
	border : solid 1px #f0f0f0;
}
.view_media_item_row {
	margin-bottom: 5px;
}
.view_media_item_row a, .view_media_item_row span.value {
	display: block;
	width: 160px;
	
	margin-left: 85px;
}
.view_media_item_row span.label {
	display: block;
	width: 80px;
	float: left;
	
	color: #808080;
	font-weight: bold;
}